import React from "react";
import {
  Form,
  Modal
} from "antd";

import DescriptionList from '@/components/DescriptionList';
const { Description } = DescriptionList;
import styles from '../UserManage.less';

// 查看详情
const DescView = Form.create()(props => {
  const { lookDescView, handleLookDesc ,selectedRows} = props;
  return (
    <Modal
      width={640}

      destroyOnClose
      title="查看品牌信息"
      visible={lookDescView}
      onOk={() => handleLookDesc(false,[])}
      onCancel={() => handleLookDesc(false, [])}>
      <DescriptionList size="large" style={{ marginBottom: 32 }} col="2">
        <Description term="品牌名称">{selectedRows.brandName}</Description>
        <Description term="品牌编号">{selectedRows.brandNo}</Description>
        <Description term="品牌logo">{<img className={styles.brandLogo} src={selectedRows.brandLogo} alt=""/>}</Description>
        <Description term="品牌icon">{<img className={styles.brandLogo} src={selectedRows.brandIcon} alt=""/>}</Description>
        <Description term="状态">{selectedRows.status===1?'启用':'停用'}</Description>
        <Description term="描述">{selectedRows.remark}</Description>
        <Description term="创建人">{selectedRows.createName}</Description>
        <Description term="创建时间">{selectedRows.createTime}</Description>
      </DescriptionList>
    </Modal>
  );
});

export default DescView;
